@charset "utf-8";
body{ background:#f3f5f7;}
body .con-bg,body.con-bg{ background:#fff;}
/*登录*/
.m-t-20 { margin-top:20px !important}
.login-radio{height:50px;line-height:50px;background:#fff;}
.login-radio ul {width: 100%;height:51px;line-height:50px;}
.login-radio ul li {float: left;height:50px;line-height:50px; width:50%; text-align:center; font-size:0.8rem; color:#222;}
.login-radio ul li.active {border-bottom:1px solid;}
.btn-submit,a.btn-submit{ display:block; width:100%; margin-top:10px;height:40px; line-height:40px;border:0px; border-radius:4px; color:#fff; font-size:0.8rem; text-align:center;}
.btn-submit.disable,a.btn-submit.disable{background:#e5e5e5 !important; color:#999 !important; }
.ng-foot{width:94%; margin:20px auto 0;display: -webkit-box;display: -webkit-flex;display: flex;}
.ng-foot-logo{ text-align:center;}
.ng-foot .ng-cookie-area{font-size: 14px;text-align: right;color: #999; vertical-align: middle; width: 35%; float:right; cursor: pointer;}
.ng-foot .remember-info {display: block; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;color: #333;-webkit-transform: translateZ(0);transform: translateZ(0);float: left;line-height:22px;}
.ng-foot .remember-info input[type="checkbox"],.ng-foot .remember-info span{ display:inline-block;}
.ng-foot .remember-info input[type="checkbox"]{width: 20px;height: 20px;background:url(../images/flow/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto; margin:1px 0px 0px 2px;border:none;}
.ng-foot .remember-info input[type="checkbox"]:after{ content:none;}
.ng-foot .remember-info input[type="checkbox"]:checked{ background:url(../images/flow/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto;background-position: -25px 0px;}
.ng-foot .remember-info input[type="checkbox"]:checked:after{ content:none}
.ng-foot .remember-info span{ margin-left:5px;}
.ng-foot .remember-info a,.ng-foot .ng-cookie-area a{color: #4B89DC;font-size:0.65rem; }
.ng-foot a {color: #333;line-height:22px;-webkit-transform: translateZ(0);transform: translateZ(0);    font-family: PingFang-SC-Regular;display: block; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;}
.ng-foot-logo a{display: block; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center;}
.ng-foot-icon {width:22px;height:22px;overflow: hidden;background-image: url(../images/iconBg.png);   background-repeat: no-repeat; background-size: 100% auto; display: inline-block; vertical-align: middle;}
.icon-clock {background-position: 0 0;}
.icon-reg {background-position: 0 -22px;}
.ng-foot-logo a span{ display: inline-block; vertical-align: middle; }
.ng-foot .remember-info a:hover,.ng-foot .ng-cookie-area a:hover{ color: #f23030}
input[type="checkbox"]{position: relative;width:20px;height:20px;border:1px solid #CCC;-webkit-border-radius: 50%;
border-radius: 50%;vertical-align: middle;}
input[type="checkbox"]:checked{border-color: #f23030;background-color: #f23030;}
input[type="checkbox"]:checked:after{content: '';position: absolute;left: 0.14rem;top: 0.16rem;width: 0.5rem;height: 0.25rem;border-left: 0.065rem solid #fff;border-bottom: 0.065rem solid #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.bg-no{ background:none !important}
.login-top{background: url(../images/login_top_bg.png) no-repeat;background-size: cover;}
.login-top .header{ background:none; border-bottom:none;}
.login-top .header-left{ width:auto;}
.login-top .header-left a{background: url(../images/top1.png) no-repeat;background-size: auto 230px;background-position: 12px 12px; display:inline-block; display:none;}
.login-top .header-left a:last-child{background: url(../images/index_icon.png) no-repeat center center;display: inline-block;background-size:25px; width:50px;background-position: 20px 12px;}
.login-top .header-middle{ color:#fff; width:auto;}
.login-top .header-right a.text {color: #fff; font-size:0.7rem;letter-spacing:1px;}
.login-top .login-img{height:70px;text-align: center;}
.login-top .login-img img{height:60px; margin-top:-5px;}
a.footer-register{text-align: center;display: block;color: #f23030;line-height: 20px;margin-top: 20px;font-size: 0.8rem;}
.show-menu-info{overflow: hidden;}
.show-menu-info.show{ overflow: visible; }
/*注册修改*/
.m-l-3{ margin-left:3%;}
.tip-text{line-height: 20px;display: block;margin-bottom:0.5rem;color: #999; font-size:0.6rem;}
.register-content .form-group dl dt{ width:110px;}
.register-content .form-group dl dd{ padding-left:110px;}
.middle-content .agree-deal{ width:94%; color:#999; margin:0.5rem auto 1.5rem;}
.middle-content .agree-deal .agree-checkbox{width: 20px;height: 20px;background:url(../images/flow/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto; margin:5px 5px 0px 2px;float: left; border:none;}
.middle-content .agree-deal input[type="checkbox"]:after{ content:none;}
.middle-content .agree-deal .agree-checkbox:checked{ background:url(../images/flow/cart_icon_con.png) no-repeat 0px 1px;background-size: 50px auto;background-position: -25px 0px;}
.middle-content .agree-deal input[type="checkbox"]:checked:after{ content:none;}
.middle-content .agree-deal span{float:left;line-height:30px; font-size:0.65rem;}
.middle-content .agree-deal span a{ font-size:0.65rem; color:#999;}

/*注册协议*/
#user_protocol{-ms-flex-direction: column;-webkit-box-orient: vertical;box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;
width: 100%;height: 100%;position: fixed;top: 0;right: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: all .3s linear;transition: all .3s linear;z-index: 999999999;background: #fff;}
#user_protocol.show{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .3s linear;transition: all .3s linear;}
#user_protocol .user-protocol-con{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
#user_protocol .user-protocol-con .protocol{ position:absolute; top:50px; bottom:10px; left:0px; right:0px;overflow-y: scroll;}
.protocol{ padding:10px;}
.protocol .protocol-con p{ font-size:14px !important;word-break: break-all;}
.protocol .protocol-con p:first-child{ display:none;}


/*第三方登录*/
.other-login{ width:94%; margin:20px auto 0px; position:relative}
.other-login .other-login-title{border-top: 1px dashed #e3e5e9;padding-top: 10px;}
.other-login .other-login-title legend{font-size:0.65rem; color:#666; padding:0 0.5rem;}
.other-login .other-login-content{ text-align:center;}
.other-login a {display: inline-block;width:2.15rem;height:2.15rem;background-size:contain;-webkit-border-radius: 50%;border-radius: 50%;margin: 15px 20px 0px; overflow:hidden;}
.other-login a.qq { background-image:url(../images/qq.png);}
.other-login a.sina { background-image:url(../images/sina.png);}
.other-login a.weixin{ background-image:url(../images/weixin.png);}


/*绑定账号*/
#bind_select .bind-select-top{width:94%; margin:1rem auto 0;}
#bind_select .bind-select-top .wellcome-pic{ width:3.5rem; height:3.5rem; margin:0 auto 0.5rem;}
#bind_select .bind-select-top .wellcome-pic img{ width:100%; height:auto; border-radius:50%;}
#bind_select .bind-select-top p{ color:#222; font-size:14px;}
#bind_select .bind-select-top p span{ color:#999;}
#bind_select .bind-select-top p span:nth-child(2){ font-size:16px; color:#222;}
#bind_select .no-account,#bind_select .have-account{ width:94%;margin:1rem auto 0;}
#bind_select .no-account .no-account-btn,#bind_select .have-account .have-account-btn{display: block;width: 100%;margin-top: 10px;height: 40px;line-height: 40px;background: #f23030;border: 0px;border-radius: 4px;color: #fff;font-size: 0.8rem;text-align: center;letter-spacing:1px;}
#bind_select .no-account .no-account-btn{ background:none; border:1px solid #f23030; color:#f23030; box-sizing:border-box;}
#bind_account{ display:none;}
.wellcome-tip { width:94%;line-height:18px;margin-bottom:10px;font-size: 14px;}
#bind_content .wellcome-tip{ margin:0 auto 10px;}
#bind_content .middle-content .submit-btn{ margin-top:20px;}

/*注册成功页面*/
.register-success{ width:100%; margin:0 auto; text-align:center;}
.register-success .register-success-icon{margin:35px 0 10px 0;height:60px;text-align: center;}
.register-success .register-success-icon i{ color:#f23030; line-height:60px; font-size:80px;}
.register-success .register-success-tip{display: block;text-align: center;height:40px;font-size:16px;line-height:40px;color: #222;}
.register-success .register-success-btn{ margin-top:40px;}
.register-success .register-success-btn  a.btn{display: inline-block;width:44%;height:40px; line-height:40px;padding: 0;margin: 0 auto;font-size:16px;text-align: center;color: #fff; background:#f23030;border: none;border-radius:3px;}
.register-success .register-success-btn  a.btn:first-child{margin-right:2%;background: #FF9301;}

.qrcode-login-con{ position:relative;width:100%; height:auto;}
.qrcode-login-con .qrcode-login-pic{ width:100%; height:auto;padding:50px 30px 30px;box-sizing:border-box; }
.qrcode-login-con .qrcode-login-pic img{ display:block;width:100%;}
.qrcode-login-con .qrcode-login-des{ height:30px; line-height:30px; text-align:center; font-size:0.8rem; color:#222;}
.qrcode-login-con .qrcode-login-bottom{ padding:0 15px;}
.qrcode-login-con .qrcode-login-bottom .btn{margin-top:20px; display:block;line-height:45px;width: 100%;text-align: center;font-size: 18px;border-radius: 4px; color:#fff;}
.qrcode-login-con .qrcode-login-bottom .btn:last-child{ color:#222;position:relative; background:#fff;}
.qrcode-login-con .qrcode-login-bottom .btn:last-child:after{content: '';position: absolute;top: 0;left: 0;border: 1px solid #ddd;border-radius:8px;transform: scale(.5,.5);-webkit-transform: scale(.5,.5);transform-origin: left top;-webkit-transform-origin: left top;box-sizing: border-box;height:200%;width: 200%;z-index: 1;}
.qrcode-login-con i{ display:block; margin:4.5rem auto 1rem;height:75px; width:75px; background:url(../images/qrcode-login-error.png); background-size:contain;}
.qrcode-login-con .error-des{line-height:25px; text-align:center; font-size:0.8rem; color:#222;}
a.rescan-btn{ text-align:center;display:block; margin:3rem 15px 10px; position:relative;height:45px; color:#f23030;line-height:45px;font-size: 18px;}
.rescan-btn:after{content: '';position: absolute;top: 0;left: 0;border: 1px solid #f23030;border-radius:8px;transform: scale(.5,.5);-webkit-transform: scale(.5,.5);transform-origin: left top;-webkit-transform-origin: left top;box-sizing: border-box;height:200%;width: 200%;z-index: 1;}
/*登录主推微信修改*/
.weixin-login-con{ height:100%; background:#fff;}
.weixin-login-con .weixin-login-text{ margin:0px auto; text-align:center; padding-top:1.5rem;}
.weixin-login-con .weixin-login-text span{ display:block; line-height:25px; color:#222; font-size:0.75rem;}
.weixin-login-con .weixin-login-logo{ margin:1.5rem auto; text-align:center;}
.weixin-login-con .weixin-login-logo img{ width:auto; height:3.5rem;}
.weixin-login-con .weixin-login-bottom{width: 94%;margin: 0 auto;padding: 5px 0}
.weixin-login-con .weixin-login-bottom a.btn-submit {display: block;margin:0 auto; width:90%;height: 40px;line-height: 40px;background:#00BE00;border: 0px;border-radius:40px;color: #fff;font-size: 0.8rem;text-align: center;}
.weixin-login-con .weixin-login-bottom a.btn-submit i{ display:inline-block; height: 40px; width:26px; margin-right:10px; background: url(../images/btn_weixin_gray.png) center center; background-size: 26px; background-repeat: no-repeat; vertical-align: middle;}
.weixin-login-con .other-login-tip{cursor: pointer;display: block;margin-top: 30px;height:40px;line-height:40px;border-radius: 3px;color:#51EB16;font-size: 0.75rem;text-align: center; background:#E2FFD9; border:1px solid #ACF192; box-sizing:border-box;}
.other-login-layer{position: fixed;left: 0;bottom: 0;-webkit-transform: translate(0, 100%);transform: translate(0, 100%);
-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 5000;width: 100%;background-color: #EFEFF4;
-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.other-login-layer.show{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.other-login-layer .other-login-list{background-color: #FFFFFF;}
.other-login-layer .other-login-item {position: relative;padding: 10px 0;text-align: center;font-size: 18px; color:#222}
.other-login-layer .other-login-item em{display: inline-block;width:25px;height:25px; margin-right:10px; vertical-align:middle;}
.other-login-layer .other-login-item em.phone{background-image: url(../images/phone_other_login.png); background-size:contain;}
.other-login-layer .other-login-item em.qq{background-image: url(../images/qq_other_login.png); background-size:contain;}
.other-login-layer .other-login-item em.sina{background-image: url(../images/sina_other_login.png); background-size:contain;}
.other-login-layer .other-login-item span{ display:inline-block; text-align:left;}
.other-login-layer .other-login-bottom {margin-top: 6px;background-color: #FFFFFF;}
.other-login-layer .other-login-bottom a{position: relative; display:block;padding: 10px 0;text-align: center;font-size:0.75rem; color:#666;}
.other-login-con{ margin-top: 1rem;}
.other-login-con .other-login-dese{ line-height:18px; font-size: 14px; color: #666; text-align: center; margin:0.5rem auto;}
.other-login-con .other-login-dese.last-p{ color: #999; }
.other-login-con .other-login-list{ margin-top:1.25rem; }
.other-login-con .other-login-list a span{ display:block;width:2.15rem;height:2.15rem;background-size:contain; margin:0 auto;}
.other-login-con .other-login-list a span.qq{ background-image: url(../images/btn_qq_gray.png);}
.other-login-con .other-login-list a span.sina{ background-image: url(../images/btn_sina_gray.png); }
.other-login-con .other-login-list a span.user-name{ background-image: url(../images/btn_user_gray.png) ;}
.other-login-con .other-login-list a em{ display:block; text-align: center; color:#666; font-size: 14px; line-height:1rem; margin-top:0.25rem; }
.btn-submit.disabled,.btn-submit.disable{background: #e5e5e5 !important;color: #999 !important;}
